@import './variable.less';
@import './reset.less';

/* iconfont 用的微博QQ账号 */
@font-face {
  font-family: 'dishfont';  /* project id 1557862 */
  src: url('//at.alicdn.com/t/font_1557862_fp4yzgxdtm.eot');
  src: url('//at.alicdn.com/t/font_1557862_fp4yzgxdtm.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1557862_fp4yzgxdtm.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1557862_fp4yzgxdtm.woff') format('woff'),
  url('//at.alicdn.com/t/font_1557862_fp4yzgxdtm.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1557862_fp4yzgxdtm.svg#dishfont') format('svg');
}
.dishfont{
  font-family:"dishfont" !important;
  font-size:0.16rem;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.002rem;
  -moz-osx-font-smoothing: grayscale;
}

/* 不折行,超过时显示... */
.nowrap-text{
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-h3{
  display: block;
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.16rem;
  font-weight: 500;
}

.text-brief{
  display: block;
  color: @gray-color-6;
}

.margin-bottom-10 {
  margin-bottom: 0.1rem;
}

.my-content-box {
  background-color: @white;
}

.bb-copyright {
  color: @gray-color-9;
  margin-bottom: 0.2rem;
}

/* list 分页卡片 */
.list-item-box{
  background: #ffffff;
  padding: 0.1rem 0 0.06rem 0.15rem;

  .list-item{
    margin-top: 0.02rem;
  }
}
/* 无数据时样式 */
.list-none {
  margin: 20% auto 1rem auto;
  text-align: center;
}
.list-none>p{
  margin: 0;
  color: @gray-color-6;
}

/* 适合季节,油腻程度,菜品种类样式 */
.my-tags{
  color: @white;
  margin-right: 0.05rem;
  padding: 0.03rem 0.04rem;
  background-color: @gray-color-9;
  border-radius: 0.05rem;

  i{
   margin-right: 0.015rem;
  }

  &.season{
    background-color: @strong-color-2;
  }
  &.oily-degree{
    background-color: @strong-color-3;
  }
  &.dish-type{
    background-color: @strong-color-4;
  }
}

/* 悬浮遮罩层-走马灯图片 */
.my-img-carousel{
  position: fixed;
  z-index: 15;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: @black;
}
